<template>
    <div class="main">
        <nav>
            <ul>
                <li>首页</li>
                <li>关于</li>
                <li>服务</li>
                <li>产品</li>
                <li>案例</li>
                <li>博客</li>
                <li>联系我们</li>
            </ul>
        </nav>
    </div>
</template>
<script>
    export default {
        name: 'TheHeader',
    }
</script>
<style scoped>
    .main{
        width: 100%;
        height: 100px;
        background-color: rgb(255, 255, 255);
    }

    ul{
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        background-color: #ffffff;
        display: flex;
    }
    ul li {
        margin: 0 20px;
    }
</style>